<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/indexCss.css">
    <link rel="stylesheet" href="css/headerCss.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<myheader :search="search"></myheader>
<div class="container">
    <div class="content">
        <div class="aside">
            <div class="most-expect-wrapper">
                <div class="panel">
                    <div class="panel-header2">
                        <span class="panel-more1">
                         <a href="./listpopular.html" class="textcolor_orange" >
                        <span>查看完整榜单></span>
                        </a>
                        <span class="panel-arrow panel-arrow-orange"></span>
                        </span>
                        <span class="panel-title"><span class="textcolor_orange"><h2 style="color:#ffb400!important">最受期待</h2></span></span>
                    </div>
                    <div class="side-content">
                        <ul class="side-ul">
                            <li>
                                <span>
                                    <i class="side-li-i">1</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">2</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">3</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">4</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">5</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">6</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">7</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">8</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">9</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">10</i>
                                    <span class="side-li-title">007：无暇赴死</span>
                                    <span class="side-li-watch">271546想看</span>
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="top100">
                <div class="panel">
                    <div class="panel-header2">
                        <span class="panel-more1">
                         <a href="./list100.html" class="textcolor_orange" >
                        <span>查看完整榜单></span>
                        </a>
                        <span class="panel-arrow panel-arrow-orange"></span>
                        </span>
                        <span class="panel-title"><span class="textcolor_orange"><h2 style="color:#ffb400!important">TOP100</h2></span></span>
                    </div>
                    <div class="side-content">
                        <ul class="side-ul">
                            <li>
                                <span>
                                    <i class="side-li-i" style="color: #fdb863 ">1</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" style="color: #fdb863 ">2</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" style="color: #fdb863 ">3</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">4</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">4</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">4</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">4</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">4</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">4</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i">4</i>
                                    <span class="side-li-title">我不是药神</span>
                                    <span class="side-li-watch">9.6分</span>
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="popular">
                <div class="panel">
                    <div class="panel-header2">
                        <span class="panel-title"><span class="textcolor_orange"><h2 style="color:red!important">热门影人</h2></span></span>
                    </div>
                    <div class="side-content">
                        <ul class="side-ul">
                            <li>
                                <span>
                                    <i class="side-li-i" style="color: red ">1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" style="color: red ">1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" style="color: red ">1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" >1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" >1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" >1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" >1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" >1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" >1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <i class="side-li-i" >1</i>
                                    <span class="side-li-title">吴京</span>
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="main" >
            <div class="panel">
                <div class="panel-header">
                    <span class="panel-title"><h2>正在热映（22部）</h2>
                    </span>
                    <a href="./movielist.html#" class="panel-more">全部></a>

                </div>
                <div class="panel-content">
                    <ul class="panel-ul">
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                   <div class="movie-poster">
                                        <img src="imgs/indexImg/长津湖.jpg" alt="">
                                       <div class="dark">
                                           <img src="imgs/indexImg/长津湖.jpg" alt="">
                                       </div>
                                    </div>
                                    <div >
                                        <div class="movie-info">
                                            <div class="movie-score"><i class="integer">9.</i><i class="fraction">5</i></div>
                                            <div class="movie-title">长津湖</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail">
                                    <a href="#" class="active" >购 票</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info">
                                            <div class="movie-score"><i class="integer">9.</i><i class="fraction">5</i></div>
                                            <div class="movie-title">长津湖</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail">
                                    <a href="#" class="active" >购 票</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info">
                                            <div class="movie-score"><i class="integer">9.</i><i class="fraction">5</i></div>
                                            <div class="movie-title">长津湖</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail">
                                    <a href="#" class="active" >购 票</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info">
                                            <div class="movie-score"><i class="integer">9.</i><i class="fraction">5</i></div>
                                            <div class="movie-title">长津湖</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail">
                                    <a href="#" class="active" >购 票</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info">
                                            <div class="movie-score"><i class="integer">9.</i><i class="fraction">5</i></div>
                                            <div class="movie-title">长津湖</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail">
                                    <a href="#" class="active" >购 票</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info">
                                            <div class="movie-score"><i class="integer">9.</i><i class="fraction">5</i></div>
                                            <div class="movie-title">长津湖</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail">
                                    <a href="#" class="active" >购 票</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info">
                                            <div class="movie-score"><i class="integer">9.</i><i class="fraction">5</i></div>
                                            <div class="movie-title">长津湖</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail">
                                    <a href="#" class="active" >购 票</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/长津湖.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info">
                                            <div class="movie-score"><i class="integer">9.</i><i class="fraction">5</i></div>
                                            <div class="movie-title">长津湖</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail">
                                    <a href="#" class="active" >购 票</a>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="panel">
                <div class="panel-header">
                    <span class="panel-title" ><h2 style="color: blue">即将上映（88部）</h2>
                    </span>
                    <a href="./movielistFuture.html" class="panel-more" style="color: blue">全部></a>
                </div>
                <div class="panel-content">
                    <ul class="panel-ul">
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info2">
                                            <div class="movie-title">幸福的她们</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail2">1304人想看</div>
                                <div class="movie-detail movie-detail-strong movie-presale">
                                    <a class="movie-presale-sep movie-detail-a">预告片
                                    </a><a class="movie-detail-a">预 售</a>
                                </div>
                            </div>
                            <div class="movie-rt">10月21日上映</div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info2">
                                            <div class="movie-title">幸福的她们</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail2">1304人想看</div>
                                <div class="movie-detail movie-detail-strong movie-presale">
                                    <a class="movie-presale-sep movie-detail-a">预告片
                                    </a><a class="movie-detail-a">预 售</a>
                                </div>
                            </div>
                            <div class="movie-rt">10月21日上映</div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info2">
                                            <div class="movie-title">幸福的她们</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail2">1304人想看</div>
                                <div class="movie-detail movie-detail-strong movie-presale">
                                    <a class="movie-presale-sep movie-detail-a">预告片
                                    </a><a class="movie-detail-a">预 售</a>
                                </div>
                            </div>
                            <div class="movie-rt">10月21日上映</div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info2">
                                            <div class="movie-title">幸福的她们</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail2">1304人想看</div>
                                <div class="movie-detail movie-detail-strong movie-presale">
                                    <a class="movie-presale-sep movie-detail-a">预告片
                                    </a><a class="movie-detail-a">预 售</a>
                                </div>
                            </div>
                            <div class="movie-rt">10月21日上映</div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info2">
                                            <div class="movie-title">幸福的她们</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail2">1304人想看</div>
                                <div class="movie-detail movie-detail-strong movie-presale">
                                    <a class="movie-presale-sep movie-detail-a">预告片
                                    </a><a class="movie-detail-a">预 售</a>
                                </div>
                            </div>
                            <div class="movie-rt">10月21日上映</div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info2">
                                            <div class="movie-title">幸福的她们</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail2">1304人想看</div>
                                <div class="movie-detail movie-detail-strong movie-presale">
                                    <a class="movie-presale-sep movie-detail-a">预告片
                                    </a><a class="movie-detail-a">预 售</a>
                                </div>
                            </div>
                            <div class="movie-rt">10月21日上映</div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info2">
                                            <div class="movie-title">幸福的她们</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail2">1304人想看</div>
                                <div class="movie-detail movie-detail-strong movie-presale">
                                    <a class="movie-presale-sep movie-detail-a">预告片
                                    </a><a class="movie-detail-a">预 售</a>
                                </div>
                            </div>
                            <div class="movie-rt">10月21日上映</div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/幸福的她们.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info2">
                                            <div class="movie-title">幸福的她们</div>
                                        </div>
                                    </div>
                                </a>
                                <div class="movie-detail2">1304人想看</div>
                                <div class="movie-detail movie-detail-strong movie-presale">
                                    <a class="movie-presale-sep movie-detail-a">预告片
                                    </a><a class="movie-detail-a">预 售</a>
                                </div>
                            </div>
                            <div class="movie-rt">10月21日上映</div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="panel">
                <div class="panel-header">
                    <span class="panel-title"><h2>经典电影</h2>
                    </span>
                    <a href="./movielistClassic.html" class="panel-more">全部></a>

                </div>
                <div class="panel-content">
                    <ul class="panel-ul">
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info3">
                                            <div class="movie-score"><i class="integer">7.</i><i class="fraction">2</i></div>
                                            <div class="movie-title">厉鬼将映</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info3">
                                            <div class="movie-score"><i class="integer">7.</i><i class="fraction">2</i></div>
                                            <div class="movie-title">厉鬼将映</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info3">
                                            <div class="movie-score"><i class="integer">7.</i><i class="fraction">2</i></div>
                                            <div class="movie-title">厉鬼将映</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info3">
                                            <div class="movie-score"><i class="integer">7.</i><i class="fraction">2</i></div>
                                            <div class="movie-title">厉鬼将映</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info3">
                                            <div class="movie-score"><i class="integer">7.</i><i class="fraction">2</i></div>
                                            <div class="movie-title">厉鬼将映</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info3">
                                            <div class="movie-score"><i class="integer">7.</i><i class="fraction">2</i></div>
                                            <div class="movie-title">厉鬼将映</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info3">
                                            <div class="movie-score"><i class="integer">7.</i><i class="fraction">2</i></div>
                                            <div class="movie-title">厉鬼将映</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div style=" border: 1px solid #efefef;">
                                <a href="#">
                                    <div class="movie-poster">
                                        <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        <div class="dark">
                                            <img src="imgs/indexImg/厉鬼将映.jpg" alt="">
                                        </div>
                                    </div>
                                    <div >
                                        <div class="movie-info3">
                                            <div class="movie-score"><i class="integer">7.</i><i class="fraction">2</i></div>
                                            <div class="movie-title">厉鬼将映</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<!--引入axios-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="js/header.js"></script>
</body>
</html>